<extend name="./Public/Home/master.html" />
<block name="title">
    <div class="main">
        <h5 class="fl"><a href=""><i></i>全部智能酷品</a></h5>
        <ul class="menu fl">
            <li class="menulist">
                <a href="list.html">手机</a>
                <div class="menuHiden">

                    <ul class="product">

                        <li>
                            <a href=""><img src="__PUBLIC__/Home/images/right.png" alt="" /></li>
                        <li><img src="__PUBLIC__/Home/images/right.png" alt="" /></a>
                        </li>
                        <li>
                            <a href=""><img src="__PUBLIC__/Home/images/right.png" alt="" /></li>
                        <li><img src="__PUBLIC__/Home/images/right.png" alt="" /></a>
                        </li>
                        <li>
                            <a href=""><img src="__PUBLIC__/Home/images/right.png" alt="" /></li>
                        <li><img src="__PUBLIC__/Home/images/right.png" alt="" /></a>
                        </li>

                    </ul>

                </div>
            </li>

        </ul>

    </div>
    <div class="main hiden">
        <div class="navHidden">
            <ul class="list2">


                <!--制定输出条数，可以直接用volist标签中的offset="5" length='10'，参考手册中【模板-内置标签-volist】-->
                <?php $i=0;?>
                <?php foreach($data as $k=>$v){ ?>
                    <?php $i++;?>
                <?php if($i<=8){ ?>
                <li>
                    <a href="{:u('Home/List/index',['cid'=>$v['cid']])}"><i></i><?php echo $v['cname']?></a>
                    <div class="listhide">
                        <div class="contentOne">
                            <?php foreach($v['_data'] as $m=>$n){ ?>
                            <dl>
                                <dt><?php echo $n['cname']?></dt>

                                <?php foreach($n['_data'] as $j=>$g){ ?>
                                <dd>
                                    <a href="{:u('Home/List/index',['cid'=>$g['cid']])}" class="noo"><?php echo $g['cname']?></a>
                                </dd>
                                <?php } ?>

                            </dl>
                            <?php } ?>
                        </div>
                    </div>
                </li>
                <?php } ?>
                <?php } ?>




            </ul>
        </div>
        <div class="topad">
            <div class="righttopad">
                <a href=""><img src="__PUBLIC__/Home/images/right.png" /></a>
            </div>
            <div class="righttopad">
                <a href=""><img src="__PUBLIC__/Home/images/right.png" /></a>
            </div>
        </div>
    </div>
    </div>
    <!--导航结束-->
    <div class="clear"></div>
    <!--banner开始-->
    <div class="banner">
        <ul class="pic">
            <li style="background: url('__PUBLIC__/Home/images/1.webp.jpg') no-repeat center center;">
                <a href=""></a>
            </li>
            <li style="background: url(__PUBLIC__/Home/images/2.webp.jpg) no-repeat center center;">
                <a href=""></a>
            </li>
            <li style="background: url(__PUBLIC__/Home/images/3.webp.jpg) no-repeat center center;">
                <a href=""></a>
            </li>
            <li style="background: url(__PUBLIC__/Home/images/4.webp.jpg) no-repeat center center;">
                <a href=""></a>
            </li>
            <li style="background: url(__PUBLIC__/Home/images/5.webp.jpg) no-repeat center center;">
                <a href=""></a>
            </li>

        </ul>
        <ul class="dot">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <span class="prev"></span><span class="next"></span>
    </div>
    <!--banner结束-->
    </div>
    <!--头部结束-->
    <!--中间开始-->
    <div id="content">
        <div class="main">
            <div class="tip">
                <ul>
                    <li>
                        <a href="#"><img src="__PUBLIC__/Home/images/11.png" alt="" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="__PUBLIC__/Home/images/11.png" alt="" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="__PUBLIC__/Home/images/11.png" alt="" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="__PUBLIC__/Home/images/11.png" alt="" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="__PUBLIC__/Home/images/11.png" alt="" /></a>
                    </li>
                </ul>
            </div>
            <div class="hot" id="hot">
                <h5 class="hline">
                    <span class="vline"></span>
                    <span class="tiao"></span>
                    <span class="zi">热门活动</span>
                    <span class="tiao"></span>
                    <span class="vline"></span></h5>
            </div>
            <ul class="part-container">
                <li class="ac0">
                    <a href="" target="_blank"> <img class="js-lazyload" src="__PUBLIC__/Home/images/1.webp"> </a>
                </li>
                <li class="ac1">
                    <a href="" target="_blank"> <img class="js-lazyload" src="__PUBLIC__/Home/images/2.webp"> </a>
                </li>
                <li class="ac2">
                    <a href="" target="_blank"> <img class="js-lazyload" src="__PUBLIC__/Home/images/3.webp"> </a>
                </li>
                <li class="ac3">
                    <a href="" target="_blank"> <img class="js-lazyload" src="__PUBLIC__/Home/images/4.webp"> </a>
                </li>
                <li class="ac4">
                    <a href="" target="_blank"> <img class="js-lazyload" src="__PUBLIC__/Home/images/5.webp"> </a>
                </li>
                <li class="ac5">
                    <a href="" target="_blank"> <img class="js-lazyload" src="__PUBLIC__/Home/images/1.webp"> </a>
                </li>
            </ul>
            <!--楼层一-->
            <div class="container" id="floor1">
                <div class="part-title">360手机</div>
                <div class="part-hot">
                    <span class="hotsou">热搜：</span>
                    <ul>
                        <li>
                            <a href="#" target="_blank">360手机Q5</a>
                        </li>
                        <li>|</li>
                        <li>
                            <a href="#" target="_blank">360手机N4S</a>
                        </li>

                    </ul>
                </div>
                <a href="#" target="_blank" class="indexmore">更多</a>
            </div>
            <div class="container">
                <div class="part-left">
                    <a class="part-left1" href="#" target="_blank">
                        <img src="__PUBLIC__/Home/images/flot1.webp">
                    </a>
                    <a class="part-left2" href="" target="_blank">
                        <img src="__PUBLIC__/Home/images/shouji.webp">
                    </a>
                </div>
                <div class="part-center">
                    <ul>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="part-right">
                    <p class="part-suggest-title">热销推荐</p>
                    <div class="slideBox">
                        <div class="slider-film">
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标1 </dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img  src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                        </div>
                        <div class="slider-film">
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标2 </dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                        </div>
                    </div>
                    <div class="slide-point">
                        <a href="javascript:;" class="curr-point"></a>
                        <a href="javascript:;"></a>
                    </div>

                </div>
            </div>
            <!--楼层二-->
            <div class="container" id="floor2">
                <div class="part-title">360手机</div>
                <div class="part-hot">
                    <span class="hotsou">热搜：</span>
                    <ul>
                        <li>
                            <a href="#" target="_blank">360手机Q5</a>
                        </li>
                        <li>|</li>
                        <li>
                            <a href="#" target="_blank">360手机N4S</a>
                        </li>

                    </ul>
                </div>
                <a href="#" target="_blank" class="indexmore">更多</a>
            </div>
            <div class="container">
                <div class="part-left">
                    <a class="part-left1" href="#" target="_blank">
                        <img src="__PUBLIC__/Home/images/flot1.webp">
                    </a>
                    <a class="part-left2" href="" target="_blank">
                        <img src="__PUBLIC__/Home/images/shouji.webp">
                    </a>
                </div>
                <div class="part-center">
                    <ul>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="part-right">
                    <p class="part-suggest-title">热销推荐</p>
                    <div class="slideBox">
                        <div class="slider-film">
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标1 </dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img  src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                        </div>
                        <div class="slider-film">
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标2 </dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                        </div>
                    </div>
                    <div class="slide-point">
                        <a href="javascript:;" class="curr-point"></a>
                        <a href="javascript:;"></a>
                    </div>

                </div>
            </div>
            <!--楼层三-->
            <div class="container" id="floor3">
                <div class="part-title">360手机</div>
                <div class="part-hot">
                    <span class="hotsou">热搜：</span>
                    <ul>
                        <li>
                            <a href="#" target="_blank">360手机Q5</a>
                        </li>
                        <li>|</li>
                        <li>
                            <a href="#" target="_blank">360手机N4S</a>
                        </li>

                    </ul>
                </div>
                <a href="#" target="_blank" class="indexmore">更多</a>
            </div>
            <div class="container">
                <div class="part-left">
                    <a class="part-left1" href="#" target="_blank">
                        <img src="__PUBLIC__/Home/images/flot1.webp">
                    </a>
                    <a class="part-left2" href="" target="_blank">
                        <img src="__PUBLIC__/Home/images/shouji.webp">
                    </a>
                </div>
                <div class="part-center">
                    <ul>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="part-right">
                    <p class="part-suggest-title">热销推荐</p>
                    <div class="slideBox">
                        <div class="slider-film">
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标1 </dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img  src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                        </div>
                        <div class="slider-film">
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标2 </dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                        </div>
                    </div>
                    <div class="slide-point">
                        <a href="javascript:;" class="curr-point"></a>
                        <a href="javascript:;"></a>
                    </div>

                </div>
            </div>
            <!--楼层四-->
            <div class="container" id="floor4">
                <div class="part-title">360手机</div>
                <div class="part-hot">
                    <span class="hotsou">热搜：</span>
                    <ul>
                        <li>
                            <a href="#" target="_blank">360手机Q5</a>
                        </li>
                        <li>|</li>
                        <li>
                            <a href="#" target="_blank">360手机N4S</a>
                        </li>

                    </ul>
                </div>
                <a href="#" target="_blank" class="indexmore">更多</a>
            </div>
            <div class="container">
                <div class="part-left">
                    <a class="part-left1" href="#" target="_blank">
                        <img src="__PUBLIC__/Home/images/flot1.webp">
                    </a>
                    <a class="part-left2" href="" target="_blank">
                        <img src="__PUBLIC__/Home/images/shouji.webp">
                    </a>
                </div>
                <div class="part-center">
                    <ul>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="title">可爱优彼小熊</span>
                                <span class="info">宝宝的好老师 妈咪的好帮手</span>
                                <span class="price">低至7折</span>
                                <img src="__PUBLIC__/Home/images/flot2.webp" alt="" />
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="part-right">
                    <p class="part-suggest-title">热销推荐</p>
                    <div class="slideBox">
                        <div class="slider-film">
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标1 </dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img  src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 1</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                        </div>
                        <div class="slider-film">
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标2 </dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                            <a href="#">
                                <dl>
                                    <dt><img src="__PUBLIC__/Home/images/flot2.webp" > </dt>
                                    <dd class="title">黑爵GT游戏鼠标 2</dd>
                                    <dd class="info">六色呼吸灯 竞技版 </dd>
                                    <dd class="price"><i class="yen">￥</i>99</dd>
                                </dl>
                            </a>
                        </div>
                    </div>
                    <div class="slide-point">
                        <a href="javascript:;" class="curr-point"></a>
                        <a href="javascript:;"></a>
                    </div>

                </div>
            </div>
            <!--新品速递-->
            <div class="newproduct" id="newproduct">
                <div class="part-title">新品速递</div>
                <ul class="newproduct-list">
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="" class="new-item">
                            <dl>
                                <dt><img class="js-lazyload" src="__PUBLIC__/Home/images/right.png"></dt>
                                <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                                <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                            </dl>
                        </a>
                    </li>
                </ul>
                <div class="nomore" style="display: block;">没有更多了</div>
            </div>
        </div>
    </div>
    <!--中间结束-->
    <!--左侧楼层开始-->
    <div class="floor">
        <ul>
            <li class="on1">
                <a href="javascript:;"><span>1F<br />活动</span></a>
            </li>
            <li class="on2">
                <a href="javascript:;"><span>2F<br />活动</span></a>
            </li>
            <li class="on3">
                <a href="javascript:;"><span>3F<br />活动</span></a>
            </li>
            <li class="on4">
                <a href="javascript:;"><span>4F<br />活动</span></a>
            </li>
            <li class="on5">
                <a href="javascript:;"><span>5F<br />活动</span></a>
            </li>
            <li class="on6">
                <a href="javascript:;"><span>6F<br />活动</span></a>
            </li>
        </ul>

    </div>
</block>
